Refactoring UI

Tutorials

Starting from Scratch 打破認知,重學一遍

Hierarchy is Everything 沒有層級，就沒有設計

Layout and Spacing 佈局和間距

Designing Text 文字設計

Working with Color 色彩運用

Creating Depth 創造深度

Working with Images 處理圖片

Finishing Touches 收尾打磨

Leveling Up 進階提升

Design Practice Videos

https://pan.baidu.com/s/16XhZkyUHqep957G2WqmB5g?pwd=1234提取碼: 1234

Designing a Complex Form 設計一個複雜表單

Designing a Dashboard 設計資料面板

Designing Content 設計文字內容

Resources

Color Palettes 調色盤

Font 字型

Component Gallery 元件庫

Refactoring UI is a book by Adam Wathan & Steve Schoger. The authors are a developer/designer duo. I hope, this review will help you to decide whether read or don’t read refactoring UI. The book consists of eight chapters, and covers essentials like hierarchy, layout and spacing, typography, color, etc; It is short — approximately 250 pages, and full of illustrations. Text is written in a simple language, and is not too technical. Even if you are a beginner and unfamiliar with UI terminology, it will not be a problem to understand this book.

Refactoring UI是一本由開發者Adam Wathan與設計師Steve Schoger共同撰寫的專業指南。這本著作由經驗豐富的開發設計團隊創作，旨在為讀者提供專業的UI設計參考。本書分為八個核心章節，系統性地闡述了UI設計的關鍵要素，包括視覺層級、空間佈局、字型排版及色彩應用等基礎理論。全書篇幅精煉，約250頁，並輔以豐富的視覺示例。內容採用了清晰易懂的敘述方式，即使是剛接觸UI設計或對專業術語不太熟悉的讀者，也能輕鬆掌握書中的核心概念。